<template>
    <div class="footer-text container">
        <span>今日访问</span><span class="font-red bolder">{{website.page_view_today.value}}</span><span>次，</span>
        <span>累计访问</span><span class="font-red bolder">{{website.page_view.value}}</span><span>次</span><br />
        <span>{{website.name.value}}</span>
        <span>联系电话：{{website.phone.value}}</span>
        <span>邮编：{{website.zip_code.value}}</span><br/>
        <span class="copyright">{{website.copyright.value}}</span>
        <span>技术支持：</span>
            <a :href="website.tecnicaladdress.value" target="_blank">
                <img style="width:20px;height:20px" :src='tecnicalSupportLogoUrl'>
                {{website.tecnicalSupport.value}}
            </a><br/>
        <div v-html="ICP"></div>
    </div>
</template>
<script>

    export default {
        name: "MainFooterInfo",
        components: {
        },
        data () {
            return {
            }
        },
        computed: {
            website() {
                return this.$store.state.app.website;
            },
            tecnicalSupportLogoUrl() {
                var tl = JSON.parse(this.website.tecnicalSupportLogo.value);
                return tl[0].url;
            },
            ICP() {
                return unescape(this.website.ICP.value);
            }
        }
    }
</script>
<style scoped>
.footer-text{
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;

}
.font-red{
    padding: 3px;
    color:red;
    font-size:20px;
}

</style>
